<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    img{
        width:200px;
        border:5px solid black;
        background-size:contain;
        cursor:pointer;
    }
</style>
<body>
        
    <img src="../lagou-html/img/0001.jpg" onmouseover="shang(this)" onmouseout="xia(this)"  onclick="dan()">
    <img src="../lagou-html/img/0001.jpg" ondblclick="shuang()">
    <img src="../lagou-html/img/0001.jpg">

    
    <script>
        function dan(){
            alert("点了一下");
        }


        function shuang(){
            alert("连续快速点两下")
        }


        function shang(img){
            img.style.border="5px solid black";
        }
         

        function xia(img){
            img.style.border="5px solid green";
        }

    </script>
</body>
</html>